<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 一,什么是BFC
    // 块级格式化上下文,它是一个独立的渲染区域
    
    // 二,如何创建一个BFC
    // 01.浮动
    // 02.定位
    // 03.overflow:hideen

    // 三,怎么样避免margin重叠
    // 01.把其中一个盒子生成BFC即可
  </script>
</body>
</html>